<script setup>
import {onMounted, ref} from 'vue'
import scrollTable from '../../../components/scrollTable.vue'
import barChart from '../barChart/barChart.vue'
import lineChart from '../lineChart/lineChart.vue'
import {storeToRefs} from 'pinia'
import {useResultGudong} from '../../../stores/result-base-risk-gu-dong.js'
const getrs = useResultGudong()
const {lct1,bct1,tableRte,tableRte2}  = storeToRefs(getrs)
const activeNames = ref(['0']);
onMounted(()=>{
  console.log('gudong..')
})
</script>

<template>
  <van-collapse v-model="activeNames" :accordion="false">
    <van-collapse-item title="限售解禁" name="1" >
      <div class="matter">
        过去1周，已有1393.13万股限售股解禁，占流通股比例为3.44%。
      </div>
      <div class="matter">
        未来6个月内，将有1.34亿股限售股解禁，占流通股比例为16.44%。
      </div>
      <div class="mt-12">
        <scrollTable :title-list="tableRte.titleList" :data-list="tableRte.dataList"/>
      </div>
    </van-collapse-item>
    <van-collapse-item title="高管异常变动" name="2" >
      <div class="matter">
        近3月，公司有7名高管发生异常变动。
      </div>
      <div class="matter">
        近1年，董事长变更了3次，总经理变更2次。
      </div>
      <div class="mt-12">
        <scrollTable :title-list="tableRte2.titleList" :data-list="tableRte2.dataList"/>
      </div>
    </van-collapse-item>
    <van-collapse-item title="质押风险" name="3" >
      <div class="matter">
        截至2021年5月12日，累计股权质押8900万股，占总股本比例为78%。
      </div>
      <lineChart :id="lct1.id" :categories="lct1.categories" :series="lct1.series" />
    </van-collapse-item>
    <van-collapse-item title="股东户数大幅增加" name="4" >
      <div class="matter">
        2021年一季报,股东户数28743人，环比增加65%，请注意持股分散风险。
      </div>
      <barChart :id="bct1.id" :categories="bct1.categories" :series="bct1.series" />
    </van-collapse-item>
  </van-collapse>
</template>

<style scoped lang="scss">

</style>